﻿/*
* DNA UI CSS Framework 
* Copyright (c) 2010 Ray Liang (http://www.dotnetage.com)
*  Dual licensed under the MIT and GPL licenses:
*  http://www.opensource.org/licenses/mit-license.php
*  http://www.gnu.org/licenses/gpl.html
*/

/*----------------  html elements ----------------*/
html, body, form { padding: 0px; margin: 0px; }
body {font-family: "Trebuchet MS" ,Arial,Helvetica,sans-serif; font-size: 9pt; background: #353535 url('images/ui-bg.gif') repeat-x; }
img { border: none 0px; }
textarea, select, input { font-family: "Trebuchet MS" ,Arial,Helvetica,sans-serif; font-size: 9pt; }
a, a.link, a:visited { text-decoration: none;}
h1, h2, h2 a { color: #000000; }

/*---------------- naming elements -------------*/
#DynamicMainMenu { margin-left: 15px; padding-top:7px;}
#sitetoolsmenu { font-weight: bold; color: #ffffff; }
#sitetoolsmenu:hover { color: #ffffff; }
#topzone .dna-ui-widget { padding: 0px; margin-right: 0px; margin-bottom: 0px; }
#topzone .dna-ui-widget .dna-ui-widget-body { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 0px; margin-right: 0px; margin-bottom: 0px; overflow: hidden; }
#topzone { border: none; padding: 0px; float: none; clear: both; width: 950px; }
#topzone .ui-icon { background-image: url(images/ui-icons_b8ec79_256x240.png); }
#topzone .dna-ui-widget-header a, #topzone .dna-ui-widget-footer a { color: #ffffff; }

#dna-page { margin: auto; width: 950px; }
#dna-page-sitemap { margin: 20px 5px 20px 5px; display: block; background: none; overflow: auto; }
#dna-page-sitemap a, .dna-ui-crumb a, .dna-ui-sitemap a, .dna-ui-widget a { color: #000000; }
#dna-toolbox-menu .ui-toolbox-menu a .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); }
#dna-toolbox-menu .ui-toolbox-menu a {color:#ffffff;}

#dna-page-toolbox { background-color: #4c4c4c; display: block; position: relative; height: 30px; margin-bottom: 5px; padding-right: 5px; padding-left: 5px; }
#dna-page-header { height: auto; background: none; border: none; }
#dna-page-content { border: 1px solid #dddddd; border-top:none; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) repeat-y; color: #000000; margin-top: 0px; background-color:#ffffff;overflow: hidden; padding: 5px 0px 5px 0px; padding-right: 0px; border-bottom: none; min-height: 600px; }
#dna-page-footer { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;margin-top: 0px; height: 80px; margin-bottom: 10px; border: 1px solid #4a4a4a; background: #4C4C4C url(images/ui-bg_gloss-wave_55_000000_500x100.png) 50% top repeat-x; color: #ffffff; }

#dna-toolbox-menu { float: right; list-style: none; margin-top: 0px; margin-bottom: 0px; padding: 0px; position: absolute; right: 0; top: 0; margin-right: 5px; }
#dna-toolbox-menu .ui-toolbox-menu { float: right; margin-top: 0px; display: block; }
#dna-toolbox-menu .ui-toolbox-menu a { display: block; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; top: 50%; width: auto; }

/*---------------- menu elements ---------------*/
.dna-menu {margin-bottom: 0px; margin-top: 5px; height:35px; border: none;border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; }
.ui-menu { padding: 0px; }
.ui-menu ul, .ui-sitetools-menu, .ui-menu-submenu { line-height: 1.3; list-style: none outside none; margin: 0; outline: 0 none; padding: 0; text-decoration: none; }
.ui-menu-topitem { border-right: 1px solid #ffffff; height: 20px; margin: 0px; background: transparent url('images/ui-menu-item.gif') repeat-x; }
.ui-menu-topitem a, .ui-menu-topitem a:visited, .ui-menu-topitem a:link { padding: 0px 10px 0px 10px; font-size: 9pt; color: #ffffff; border-right:1px solid #E78F08; font-weight:bold;}
.ui-menu-topitem-selected, .ui-menu-topitem-hover { border-right: 1px solid #ffffff; height: 20px; margin: 0px; background-image: url('images/ui-menu-item-hover.gif'); }
.ui-menu-topitem-selected a, .ui-menu-topitem-selected a:visited, .ui-menu-topitem-selected a:link .ui-menu-topitem-hover a, .ui-menu-topitem-hover a:visited, .ui-menu-topitem-hover a:link { color: #ffffff; padding:0px 10px 0px 10px ; font-size: 9pt;border-right:1px solid #E78F08; font-weight:bold;}
.ui-menu-submenuitem a, .ui-menu-submenuitem a:visited, .ui-menu-submenuitem a:link { color: #ffffff; padding: 10px 26px 10px 26px; }
.ui-menu-submenuitem-hover a, .ui-menu-submenuitem-hover a visited, .ui-menu-submenuitem-hover a:link { cursor: pointer; padding-top: 23px; padding-bottom: 23px; }

#sitetoolsmenu:hover, .ui-menu-submenuitem-hover {background: #ffe45c url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #363636; }
.ui-sitetools-menu, .ui-menu-submenu { background-color: #1e1e1e; background-image: none; }
.ui-sitetools-menuitem, .ui-menu-submenuitem { background-color: #1e1e1e; border-bottom: 1px solid #000000; }
.ui-sitetools-menuitem a, .ui-sitetools-menuitem a:visited, .ui-sitetools-menuitem a:link, 
.ui-menu-submenuitem a, .ui-menu-submenuitem a:visited, 
.ui-menu-submenuitem a:link { padding: 5px 10px; font-weight: normal; color: #ffffff; }
.ui-sitetools-menuitem-hover li{background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png); color: #363636;}
.ui-sitetools-menuitem-hover a,.ui-sitetools-menuitem-hover a:visited, 
.ui-menu-submenuitem-hover a:link { padding: 5px 10px; font-weight: normal; color: #ffe45c; }

/*-----------------widget elements -------------*/
.dna-menu .ui-widget-header { display: none; }
.dna-ui-widget { margin-bottom: 5px; }
.dna-ui-widget .ui-widget-header { background: none; border: none; }
.ui-content-preview .dna-ui-widget a { color: #ffffff; }
.dna-ui-widget .dna-ui-widget-body { color: #000000; background: none; border: none; }
.dna-ui-widget-icon { margin-top: 5px; }
.dna-ui-sitemap .ui-icon, #dna-page-sitemap .ui-icon, .dna-ui-widget .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-widget-placeholder { border: 1px dotted black; }
.ui-widget-zone { float: left; overflow: auto; margin-right: 5px; padding: 5px; bottom: 0px; border: 1px dashed transparent; }
.dna-ui-widget .ui-widget-content { display: block; padding: 5px; }
.dna-ui-widget h3 { position: relative; min-height: 25px; }
.dna-ui-widget h3 a { font-size: 20px; font-weight: normal; padding: 4px 0.5em 0.5em 8px; display: block; cursor: move; color: #000000; }
.dna-ui-widget h3 ul { list-style: none; margin: 0px; padding: 0px; margin-right: 5px; position: absolute; top: 50%; margin-top: -8px; right: 0px; float: right; }
.dna-ui-widget h3 ul li { position: relative; float: right; list-style: none; margin: 0px; padding: 0px; cursor: pointer; }
.ui-widget-settings { display: none; overflow: auto; padding: 5px; margin-bottom: 5px; }

.ui-nav-item { font-weight: normal; margin: 1px; padding-left: 10px; }
.ui-nav-item a { color: #ffffff !important; display: inline-block; padding: 5px; }
.ui-textbox .ui-icon, .ui-nav-item .ui-icon { background-image: url(images/ui-icons_b8ec79_256x240.png) !important; }
.ui-accordion .ui-accordion-header .ui-icon { background-image: url(images/ui-icons_b8ec79_256x240.png) !important; }
.separator, .tablecontent a { color: #000000 !important; }

/*loaders*/
.dna-loader { height: 16px; background: transparent url(images/loading.gif) no-repeat center center; padding-left: 16px; padding-right: 16px; background-position: left; }

/*--------dropdown------*/
.ui-dropdown { position: relative; cursor: default; margin: 3px; }
.ui-dropdown .ui-dropdown-text { margin: 2px 5px 0pt 0pt; padding-left: 5px; position: absolute; top: 0; }
.ui-dropdown .ui-dropdown-icon { margin: -8px 5px 0pt 0pt; float: right; right: 0px; position: absolute; top: 50%; }
.ui-dropdown .ui-dropdown-container { position: absolute; left: 0px; right: 0px; display: none; padding-top: 5px; padding-bottom: 5px; z-index: 2000; }
.ui-dropdown .ui-dropdown-item { margin: 2px; padding: 2px; background: none; }
.ui-dropdown .ui-dropdown-text img { margin-right: 2px; }

.ui-node-folder { float: left; width: 16px; height: 16px; background-image: url(/content/images/folder.gif); }
.ui-node-text { border: 1px solid transparent; cursor: default; }
.ui-node-text-selected { border: 1px solid #cccccc; }

/*-------------------------------------------------ajaxlist ----------------------------------------------------------------*/
.ui-listview { display: block; cursor: default; }
.ui-listview, .ui-listview ul { padding: 0; padding-right: 10px; margin: 0; list-style: none; }
.ui-listview li { float: left; text-align: center; position: relative; margin: 2px; }
.ui-listview li.ui-listview-item { width: 80px; height: 100px; margin: 5px; }
.ui-listview .ui-listview-item-selected { border: solid 1px #c9c9c9c; }
.ui-listview .ui-listview-item .ui-listview-item-img { width: 64px; height: 64px; line-height: 64px; margin: 5px; }
.ui-listview .ui-listview-item .ui-listview-item-img p { top: 50%; left: 50px; height: 64px; margin: 0px; }
.ui-listview .ui-listview-item .ui-listview-item-img p img { top: -50%; left: -50%; }
.ui-listview .ui-listview-item .ui-listview-item-text { width: 80px; white-space: normal; line-height: 20px; overflow: hidden; font-family: Verdana,helvetica,arial,sans-serif; font-size: 8pt; }
.ui-listview .ui-listview-item .ui-listview-item-texteditor { width: 75px; }

/*--------textbox-------*/
.ui-textbox { margin: 3px; padding: 1px 4px 1px 4px; margin-right: 0px; border-right: none; position: relative; }
.ui-textbox input.ui-input { display: inline-block; border: none !important; }
.ui-textbox textarea.ui-input { display: inline-block; border: none !important; overflow: auto; }
.ui-textbox label { float: left; margin-right: 0.3em; margin-top: -0.8em; padding-left: 0; position: absolute; top: 50%; }

.ui-design-label { cursor: pointer; padding-right: 5px; position: absolute; left: 0px; top: 0px; border-left: none !important; border-top: none !important; opacity: .3; filter: Alpha(Opacity=30); }
.ui-design-label-hover { opacity: 1; filter: Alpha(Opacity=100); }
.ui-layout-bottom { bottom: 0px; position: fixed; left: 0; right: 0px; text-indent: 5px; padding: 2px; z-index: 6000; }
.ui-toolbar { list-style: none; }
.ui-toolbar li { float: left; margin-right: 5px; padding: 5px; }

.csharpcode, .csharpcode pre { margin: 0px; padding: 10px; color: black; font-family: Verdana; font-size: 9px; }
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; }
.csharpcode .lnum { color: #606060; }

.ui-watermark { opacity: .5; filter: Alpha(Opacity=50); font-style: italic; }

.ui-border-rb { border-left: none !important; border-top: none !important; }
.ui-border-top { border-bottom: none !important; border-left: none !important; border-right: none !important; }
.ui-border-left { border-top: none !important; border-bottom: none !important; border-right: none !important; }
.ui-border-right { border-top: none !important; border-left: none !important; border-bottom: none !important; }
.ui-border-bottom { border-top: none !important; border-left: none !important; border-right: none !important; }

.ui-horizontal-list { display: block; margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-horizontal-list li { float: left; display: block; padding: 5px; }

.dna-ui-icon { width: 16px; height: 16px; background-repeat: no-repeat; background-color: Transparent; display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.dna-ui-icon-online { background-image: url(images/icon_online_16.gif); }
.dna-ui-icon-offline { background-image: url(images/icon_offline_16.gif); }

.field { width: 70px; float: left; }
.fieldgroup { clear: both; margin: 3px; }
.fieldgroup label { padding: 2px; font-size: 8pt; left: 0px; }
.inputbox { border-width: 1px; border-style: solid; border-color: inherit; }
.texturepicker { margin: 2px; width: 16px; height: 16px; }
